<template>
    <div class="noData">
        <img :src="img">
        <div class="nodataTitle">暂无数据</div>
    </div>
</template>

<script>
    import {} from '@/api/api'
    export default {
        //组件注入
        components: {},
        //存放数据
        data() {
            return {
               img:require("../assets/nodata.png"),
            }
        },
        //接受父组件传递的值
        props:[],
        //监控data中的数据变化
        watch: {},
        //方法集合
        methods: {},
        //生命周期 - 创建完成（可以访问当前this实例）
        created() {},
        //生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {}
    };
</script>
<style lang="scss">
    @mixin text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    @mixin text-ellipsisclamp($clamp){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: $clamp;overflow: hidden;}
    @mixin transition{transition: all .3s;}
    .noData{height: auto;overflow:hidden;padding: 80px 0;
        img{width: 220px;margin: 0 auto 10px;display: block;}
        .nodataTitle{font-size: 14px;color: #666;text-align: center;}
    }
</style>